html.base-theme {
  /*element-plus section */
  --el-menu-active-color: #1677ff;
  --el-menu-text-color: #5c5c5c;
  --el-menu-hover-text-color: #1677ff;
  --el-menu-bg-color: #f5f5f5;
  --el-menu-hover-bg-color: transparent;
  --el-menu-item-height: 42px;
  --el-menu-border-color: #f5f5f5;
  /*layout section*/
  //layout
  --layout-border-left-color: #d8d8d8;
  //Breadcrumb
  --breadcrumb-no-redirect: #97a8be;
  //Hamburger
  --hamburger-color: #2b2f3a;
  --hamburger-width: 20px;
  --hamburger-height: 20px;
  //Sidebar
  --sidebar-el-icon-size: 14px;
  --sidebar-logo-background: #2b2f3a;
  --sidebar-logo-color: #ff9901;
  --sidebar-logo-width: 32px;
  --sidebar-logo-height: 32px;
  --sidebar-logo-title-color: #fff;
  --side-bar-width: 275px;
  --side-bar-border-right-color: #eee;
  //TopBar
  --top-bar-height: 90px;
  --top-bar-background: #fff;

  //AppMain.vue
  --app-main-padding: 20px;
  --app-main-background: #f5f5f5;
  //Navbar.vue
  --nav-bar-height: 50px;
  --nav-bar-background: #f5f5f5;
  --nav-bar-box-shadow: unset;
  --nav-bar-right-menu-background: #f5f5f5;

  //transition 动画
  //侧边栏切换动画时长
  --sideBar-switch-duration: 0.2s;
  //logo切换动画时长
  --logo-switch-duration: 1s;
  //页面动画时长
  --page-transform-duration: 0.2s;
  //面包屑导航动画时长
  --breadcrumb-change-duration: 0.2s;

  //进度条颜色
  --pregress-bar-color: transparent;
}
